import { Card } from 'antd'

const WTypeCard = () => {
  return (
    <div style={{
      width: '40vw'
    }}>
      <Card title="时间窗类型介绍" bordered>
        <p>
          仓库的开放时间为8小时，即28800秒，所以对于每个数据集，仓库的最早服务时间都是0，最晚服务时间都是28800。同时为了模拟送货公司每天可能面临的情况，共设置了五种类型的时间窗，下面用配置文件1到5来介绍这五种类型。
        </p>

        <ul>
          <li>
            <p>
              在配置文件1中，所有客户的时间窗均和仓库一样，为8小时。
            </p>
          </li>
          <li>
            <p>
              在配置文件2中，考虑三种类型的客户：早间客户、午间客户和晚间客户。为了全天都能服务到这些客户，创建了160分钟/类型的时间窗（即480分钟/三种类型的客户）。因 此，在[0,160]、[160,320]和[320,480]分钟的时间窗口内， 分别为早间客户、午间客户和晚间客户提供服务。
            </p>
          </li>
          <li>
            <p>
              在配置文件3中，每个时间窗口的长度设置为130分钟：早间客户的开放时间为[0,130]，午间客户的开放时间为[175, 305]，晚间客户的开放时间为[350,480]。
            </p>
          </li>
          <li>
            <p>
              在配置文件4中，每个时间窗口的长度设置为100分钟。因 此，早间客户的时间窗口为[0,100]，午间客户的时间窗口为 [190,290]，晚间客户的时间窗口为[380,480]。
            </p>
          </li>
          <li>
            <p>
              在配置文件5中，每个客户的时间窗口是上面四种配置的时间窗的组合。
            </p>
          </li>
        </ul>
      </Card>
    </div>
  )
}

export default WTypeCard